<template>
  <div class="push-message">
    <step :step-number="stepNumber" />
    <basic v-if="stepNumber === 0" @goNext="stepNumber++"/>
    <class v-if="stepNumber === 1" @classBack = "stepNumber--" @classNext="stepNumber++"/>
    <detail v-if="stepNumber === 2" @back="backOperate"/>
  </div>
</template>

<script>
import Step from './pushmessage/step'
import Basic from './pushmessage/basic'
import Detail from './pushmessage/packagedetail'
import Class from './pushmessage/classdetail'
export default {
  components: {
    Step,
    Basic,
    Detail,
    Class
  },
  data() {
    return {
      stepNumber: 0
    }
  },
  methods: {
    backOperate() {
      this.stepNumber--
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
